<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<!--优先使用IE最新版本和Chrome-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1" />
		<!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--禁止浏览器自动的识别-电话号码-email--->
		<meta name="format-detection" content="telephone=no,email=no" />
		<!--是否启用Web全屏-->
		<meta name="apple-mobile-web-app-capable" content='yes' />
		<meta name="apple-mobile-web-status-bar-style" content="normal|black|black-translucent">
		<!--设置苹果工具栏颜色-->
		<meta name="apple-mobile-web-app-status-bar-style" content='black' />
		<link rel="stylesheet" href="js/swiper.min.css" />
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/swiper.min.js"></script>
		<title></title>
	</head>

	<body>
		<div class="header">
			<div class="logo">
				<img src="img/log.png" />
			</div>
			<div class="nav">
				融360
			</div>
			<div class="deng">
				<p>登录</p>
				<p><img src="img/gps.png">北京</p>
			</div>
		</div>
		<div class="banner">
			<div class="swiper-container lunbo">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="img/banner.png" />
					</div>
					<div class="swiper-slide">
						<img src="img/banner.png" />
					</div>
					<div class="swiper-slide">
						<img src="img/banner.png" />
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<div class="nr">
			<div class="nr1">
				<div class="left">
					<img src="img/ltu.png" />
				</div>
				<div class="right">
					<li>
						<img src="img/ka1.png" />
					</li>
					<li>
						<img src="img/ka2.png" />
					</li>
				</div>
			</div>
			<div class="nr2">
				<div class="left">
					<img src="img/ka5.png"></div>
				<div class="right">
					<li>
						<img src="img/ka3.png" />
					</li>
					<li>
						<img src="img/ka4.png" />
					</li>
				</div>
			</div>
			<div class="nr4">
				<p>贷款</p>
			</div>
			<div class="nr3">
				<li>
					<img src="img/ka8.png" />
					<p>房门热带</p>
				</li>
				<li>
					<img src="img/ka8.png" />
					<p>帮我推荐</p>
				</li>
			</div>
		</div>
		<div class="foot">
			<img src="img/xiaz.png" />
		</div>
	</body>
	<script>
		//  (function () {
		//      size();
		//      window.onresize = function () {
		//          size();
		//      }
		//      function size() {
		//          var winW = document.documentElement.clientWidth || document.body.clientWidth;
		//          document.documentElement.style.fontSize =  (winW / 320)*100 + "px";
		//      }
		//  })()

		(function(doc, win) {
			var docEl = doc.documentElement,
				resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
				recalc = function() {
					var clientWidth = docEl.clientWidth;
					if(!clientWidth) return;
					docEl.style.fontSize = 100 * (clientWidth / 320) + 'px';
				};
			if(!doc.addEventListener) return;
			win.addEventListener(resizeEvt, recalc, false);
			doc.addEventListener('DOMContentLoaded', recalc, false);
		})(document, window);

//		}
//		})
		//轮播
		var lunbo = new Swiper(".lunbo", {
			autoplay: 1000
		})
	</script>

</html>